---
title: Additional Fields
icon: UserPen
---

## Advanced Configuration

### Create Custom Authentication Flow

You may use `additionalFields` to define extra fields required during signup or settings:

```tsx
<AuthUIProvider
  authClient={authClient}
  additionalFields={{
    company: {
      label: "Company",
      placeholder: "Your company name",
      description: "Enter your company name",
      required: true,
      type: "string"
    },
    age: {
      label: "Age",
      placeholder: "Your age",
      description: "Enter your age",
      instructions: "You must be 18 or older",
      required: true,
      type: "number",
      validate: (value: string) => parseInt(value) >= 18
    }
  }}
  settings={{
    fields: ["company", "age"]
  }}
  signUp={{
    fields: ["company", "age"]
  }}
>
  {children}
</AuthUIProvider>
```
